//登录注册

$(function(){
	
	
	$(".List1").css({"border-bottom":"2px solid red","color":"#000"});
	$(".List1").click(function(){
		$(".List1").css({"border-bottom":"2px solid red","color":"#000"});
		$(".List2").css({"border-bottom":"","color":""});
		$(".List3").css({"border-bottom":"","color":""});
		$(".login_tab1").css({"display":"block"});
		$(".login_tab2").css({"display":"none"});
		$(".login_tab3").css({"display":"none"});
	});
	$(".List2").click(function(){
		$(".List1").css({"border-bottom":"","color":""});
		$(".List2").css({"border-bottom":"2px solid red","color":"#000"});
		$(".List3").css({"border-bottom":"","color":""});
		$(".login_tab2").css({"display":"block"});
		$(".login_tab1").css({"display":"none"});
		$(".login_tab3").css({"display":"none"});
	});
	$(".List3").click(function(){
		$(".List1").css({"border-bottom":"","color":""});
		$(".List2").css({"border-bottom":"","color":""});
		$(".List3").css({"border-bottom":"2px solid red","color":"#000"});
		$(".login_tab3").css({"display":"block"});
		$(".login_tab1").css({"display":"none"});
		$(".login_tab2").css({"display":"none"});
	});
	
	
	
	//
	$(".app_main").mouseover(function(){
		$(".erweima").stop().animate({"left":130},300);
		$(".app_phone").css({"display":"block"},3000)
	})
	$(".app_main").mouseout(function(){
		$(".erweima").stop().animate({"left":170},300);
		$(".app_phone").css({"display":"none"},3000)
	})
	
	//注册
	$(".span2_zhu").click(function(){
		$(".login_right_zhu").css({"display":"block"});
		$(".login_tab3").css({"display":"none"});
		$(".login_tab1").css({"display":"none"});
		$(".login_tab2").css({"display":"none"});
	})
	
	$(".go").click(function(){
		$(".login_right_zhu").css({"display":"none"});
		$(".login_tab1").css({"display":"block"});
	})
	
	
	/*
	//1
	//手机号
	$("#tab1_input1").focus(function(){
		$(".inp1_tishi").html("请输入11位电话");
	})
	$("#tab1_input1").blur(function(){
		var str=/^1[35]\d{9}$/;
		var result = $("#tab1_input1").val();
		if(str.test(result)){
			$(".inp1_tishi").html("");
		}else{
			$(".inp1_tishi").html("请输入正确电话");
			$(".inp1_tishi").css({"color":"red"});
		}
	})
	
	//密码
	$("#tab1_input2").focus(function(){
		$(".inp2_tishi").html("请输入至少三位密码");
	})
	$("#tab1_input2").blur(function(){
		var str=/^[^\/\\\^<>-]{3,}$/;
		var result = $("#tab1_input2").val();
		if(str.test(result)){
			$(".inp2_tishi").html("");
		}else{
			$(".inp2_tishi").html("请输入至少三位密码");
			$(".inp2_tishi").css({"color":"red"});
		}
	})*/
	/*
	//2
	//手机或邮箱
	$("#tab2_input1").focus(function(){
		$(".inp3_tishi").html("请输入正确电话或邮箱");
	})
	$("#tab2_input1").blur(function(){
		var str=/^1[35]\d{9}$/;
		var em= /^\w+@[a-z0-9]+\.[a-z]{2,5}$/;
		var result = $("#tab1_input1").val();
		if(str.test(result) || em.test(result) ){
			$(".inp3_tishi").html("");
		}else{
			$(".inp3_tishi").html("请输入正确电话或邮箱");
			$(".inp3_tishi").css({"color":"red"});
		}
	})
	
	//密码
	$("#tab2_input2").focus(function(){
		$(".inp4_tishi").html("请输入至少三位密码");
	})
	$("#tab2_input2").blur(function(){
		var str=/^[^\/\\\^<>-]{3,}$/;
		var result = $("#tab1_input2").val();
		if(str.test(result)){
			$(".inp4_tishi").html("");
		}else{
			$(".inp4_tishi").html("请输入至少三位密码");
			$(".inp4_tishi").css({"color":"red"});
		}
	})*/
	
	 
	/*$(".logindd").click(function(){
		var tab1_input1_valu =$("#tab1_input1").val() ;
		var tabl_input2_valu = $("#tab1_input2").val();
		setCookie("tab1_input1",tab1_input1_valu,10);
		setCookie("tab1_input2",tabl_input2_valu,10);
	})
	
		
	function star(){
		var result1 = getCookie("tab1_input1");
		var result2 = getCookie("tab1_input2");
		if((result1!="") && (result2!="")){
			$("#tab1_input1").val(result1);
			$("#tab1_input2").val(result2);
		}
	}
	star();*/
	//注册
	//手机
	var flag=[false,false,false,false];
	$(".zhu_input1").focus(function(){
		$(".zhu_tishi1").html("请输入11位电话");
	})
	$(".zhu_input1").blur(function(){
		var str=/^1[35]\d{9}$/;
		var result = $(".zhu_input1").val();
		if(str.test(result)){
			$(".zhu_tishi1").html("");
			flag[0]=true;
		}else{
			$(".zhu_tishi1").html("请输入正确电话");
			$(".zhu_tishi1").css({"color":"red"});
		}
	})
	
	//验证码
	
	//密码
	$(".zhu_input3").focus(function(){
		$(".zhu_tishi3").html("请输入至少三位密码");
	})
	$(".zhu_input3").blur(function(){
		var str=/^[^\/\\\^<>-]{3,}$/;
		var result = $(".zhu_input3").val();
		if(str.test(result)){
			$(".zhu_tishi3").html("");
			flag[1]=true;
		}else{
			$(".zhu_tishi3").html("请输入至少三位密码");
			$(".zhu_tishi3").css({"color":"red"});
		}
	})
	//再次输入密码
	$(".zhu_input4").focus(function(){
		$(".zhu_tishi4").html("请再次输入密码");
	})
	$(".zhu_input4").blur(function(){
			$(".zhu_tishi4").html("请再次输入密码");
			$(".zhu_tishi4").css({"color":"red"});
				var absult1=$(".zhu_input3").val();
				var absult2=$(".zhu_input4").val();
				if(absult1==absult2){
					$(".zhu_tishi4").html("");
					flag[2]=true;
				}else{
					$(".zhu_tishi4").html("密码不一致");
					$(".zhu_tishi4").css({"color":"red"});
				}
	})
	var a = $(".zhu_input1").val();
	var c = $(".zhu_input3").val();
	var d = $(".zhu_input4").val();
	$(".zhu_input4").blur(function(){
		if(flag[0] && flag[1] && flag[2]){
			$(".lookhere_btn").css({"background":"red"})
			$(".lookhere_btn").css({"cursor":"pointer"})
		}
	})
	
		
	$(".lookhere_btn").click(function(){
		var panduan=$.cookie("login");
		if(!panduan){//cookie里啥也没的时候
			var loginobj ={};
			var a = $(".zhu_input1").val();
			var c = $(".zhu_input3").val();
			loginobj[a]=c;//对象键值对
			var loginstr = JSON.stringify(loginobj)
			$.cookie("login",loginstr,{expires:7,path:"/"})//这是设置cookie
			console.log($.cookie("login"))
		}else{//cookie里已经存在信息的时候
			var loginobj = JSON.parse($.cookie("login"))
			var a = $(".zhu_input1").val();
			var c = $(".zhu_input3").val();
			if(!loginobj[a]){//用户名没有存储的时候设置cookie
				loginobj[a]=c;//对象键值对
				var loginstr = JSON.stringify(loginobj)
				$.cookie("login",loginstr,{expires:7,path:"/"})//这是设置cookie
			}
		}
		

		alert("创建成功");
		$(".login_right_zhu").css({"display":"none"});
		$(".login_tab1").css({"display":"block"});
	})
	
	
		
		var loginobj = JSON.parse($.cookie("login"))//转化为对象
	$(".logindd").click(function(){
		var numbe=$("#tab1_input1").val();
		var pass=$("#tab1_input2").val();
		if(loginobj[numbe]!=pass){
			alert("电话号码不存在");
		}else if(loginobj[numbe]==pass){
			alert("登陆成功")
			self.location='../index.html'; 
		}
	})
	
})
